<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>


<html>
<head>
    <base href="<%=basePath%>">
    <title>Image</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <script type="text/javascript" src="js/main.js"></script>
    <style type="text/css">
        * {
            padding: 0;
            margin: 0;
        }
        body{
            overflow-x: hidden;
        }
        #daohang{/*设置导航栏的框框*/
            width: 100%;/*框框的宽度*/
            height: 700px;/*框框的长度*/
            border:1px solid #888797;/*添加边框 */
            position:fixed;
            top:0;
        }
        li{
            list-style-type: none;/* 去掉li前的点 */
            float: left;/*将li设置成做浮动，变为联动*/
            width: 154px;/*设置块的宽度*/
            height: 50px;/*设置块的长度*/
        }
        #d1{
            width: 1250px;
            height: 50px;
            background-color: #eee2e6;
        }
        #d2{
            top: 51px;
            width: 154px;
            height: 700px;
            background-color: #d2bdc6;
        }
        a{
            display: block;/*将a变成块状*/
            line-height: 50px;/*设置字体在块中的高度*/
            background-color: #d2bdc6;
            color: #fff;
            text-align: center;/*字体居中*/
            text-decoration: none;/*去掉下划线*/
            font-size: 15px;
        }
        button{
            margin:  4px 31px;
            padding: 11px 32px;
            background-color: #d2bdc6;
            border: none;
            border-radius: 17px;
            color: #fff;
            text-align: center;
            /*font-size: 15px;*/
        }
        a:hover,button:hover{
            background-color: #bea0ac;
        }
    </style>
</head>
<body>
<div id="daohang">
    <div id="d1">
        <ul id="daohang1">
            <li><a href="">上岸云盘</a></li>
            <li><button>上传</button></li>
            <li><button>下载</button></li>
            <li><button>删除</button></li>
            <li><button>修改</button></li>
            <li><img src="/file/img/touxiang.jpg" width="40px"></li>
            <li><a href="">个人中心</a></li>
            <li><a href="">登出</a></li>
        </ul>
    </div>
    <div id="d2">
        <ul id="daohang2">
            <li><a href="">首页</a></li>
            <!-- <li><a href="">我的文件</a></li> -->
            <li><a href="${pageContext.request.contextPath}/view/image?userId=1">图片</a></li>
            <li><a href="${pageContext.request.contextPath}/view/music?userId=1">音乐</a></li>
            <li><a href="${pageContext.request.contextPath}/view/video?userId=1">视频</a></li>
            <li><a href="">我的分享</a></li>
            <li><a href="">回收站</a></li>
            <li><a href="">传输</a></li>
            <li><a href="">隐私空间</a></li>
            <li><a href="">隐私空间</a></li>

        </ul>
    </div>



</div>
</body>

</html>
